.container {
	display: flex;
	flex-direction: column;
	position: relative;
}

.header {
	@include wh(100%, 750rpx);
	
	&__swiper {
		@include wh(100%, 750rpx);
		
		.swiper-item {
			image {
				@include wh(100%, 750rpx);
			}
		}
	}
}

// 富文本
.rich-box {
	/deep/ img {
		display: block;
		width: 100% !important;
	}
	
	/deep/ .edui-upload-video {
		width: 100% !important;
	}
}

.full-image {
	img {
		width: 100%;
	}
}

.goods {
	background: $white_color;
	.wrap {
		@include flex-box($jcsb, $fs, column);
		padding: 30rpx 25rpx;
	}
	
	&__title {
		width: 580rpx;
		max-width: 580rpx;
		line-height: 43rpx;
		display: -webkit-box;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: normal;
		word-wrap: break-word;
		-webkit-line-clamp:2;
		-webkit-box-orient: vertical;
		@include txts(30rpx, $text_color);
	}
	&__info {
		@include flex-box($jcsb, $fs);
		@include txts(26rpx, $text_color_gery);
		width: 100%;
		margin-top: 27rpx;
	}
	&__price {
		@include txts(30rpx, $orage_color);
		margin-top: 27rpx;
		font-weight: bold;
	}
}

.content {
	@include flex-box(null, null, column);
	background-color: $white_color;
	margin-top: 15rpx;
	
	&__title {
		@include flex-box();
		@include txts(28rpx, $text_color);
		@include wh(100%, 110rpx);
	}
}

.footer {
	@include flex-box($jcsb, center);
	@include pos-f(bottom, left, 0, 0, 100%, 96rpx);
	border-top: 1px solid #EEEEEE;
	background: $white_color;
	padding: 0 25rpx;
	
	&__home {
		@include flex-box(center, center, column);
		height: 76rpx;
		image {
			@include wh(40rpx, 40rpx)
		}
		.icon-text {
			@include txts(22rpx, $text_color_gery);
		}
	}
	&__buy {
		@include bg-style($primary_color, 330rpx, 76rpx, 38rpx);
		@include flex-box();
		@include txts(30rpx, $white_color);
	}
}